@charset "utf-8";
/*yui3.1.0 reset*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
img {
  border:0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style:normal;
  font-weight:normal;
}
li {
  list-style:none;
}
caption,
th {
  text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,
q:after {
  content:'';
}
abbr,
acronym {
  border:0;
  font-variant:normal;
}
sup {
  vertical-align:text-top;
}
sub {
  vertical-align:text-bottom;
}
put,
textarea,
select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}
input,
textarea,
select {
*font-size:100%;
}
i{
  font-style:normal;
}
/*layout*/
html {
  height:100%;
}
body {
  background-color:#eee;
  padding:5px 5px 0 0;
  color:#505050;
}
#wrap {
  padding:10px;
  background-color:#fff;
  border:1px solid #bbb;
  border-color:#D7D7D7 #bbb #bbb #D7D7D7;
}
/*base*/
body {
  font-size:12px;
}
fieldset{
  margin-bottom:20px;
  padding:10px;
}
legend{
  font-size:14px;
  font-weight:bold;
}
th,
td {
  padding:5px;
  vertical-align:middle;
}
th.top {
  vertical-align:top;
}
.fix-float {
*zoom:1;
}
.fix-float:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
}
.require {
  color:#f00;
  margin-right:4px;
  cursor:help;
}
.title {
  color:#444444;
  font:bold 20px/normal "Trebuchet MS",Verdana,sans-serif;
  padding-bottom:10px;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
textarea:focus,
textarea:active {
  -moz-box-shadow:0 0 4px #666;
  box-shadow:0 0 4px #666;
}
.text {
  height:20px;
  line-height:20px\9;
  padding:0 2px;
  vertical-align:middle;
 *margin-right:5px;
}
.readonly,
.time {
  border:1px solid #999;
  background-color:#eee;
}
.time {
  padding-right:20px;
  width:130px;
  background:#eee url(../images/calendar.gif) no-repeat 132px center;
}
input.s-size {
  width:196px;
}
input.l-size {
  width:360px;
}
textarea.s-size {
  width:480px;
  height:100px;
}
textarea.l-size {
  width:600px;
  height:150px;
}
.btn,
button {
  padding:2px 10px;
  vertical-align:middle;
  line-height:15px\9;
 *margin-right:5px;
  color:#222;
}
.pagination {
  text-align:right;
}
.admin-table {
  margin-top:10px;
  background-color:#9BBDE0;
  border:1px solid #ccc;
  width:100%;
  margin-bottom:5px;
}
.admin-table td,
.admin-table th {
  text-align:center;
  padding:5px;
}
.admin-table th {
  border-color:#E2EFFF -moz-use-text-color #E2EFFF #E2EFFF;
  border-style:solid none solid solid;
  border-width:1px medium 1px 1px;
  background-color:#39C;
  color:#FFFFFF;
  font-weight:bold;
}
.admin-table td {
  border:1px solid #fff;
  border-width:1px 0 0 1px;
}
.admin-table tbody tr {
  background-color:#E3EFFE;
}
.admin-table tbody tr.even {
  background-color:#D6E8FE;
}
.admin-table tbody tr:hover {
  background-color:#ffe8a2;
}
.admin-table h4{
  font-size:14px;
  font-weight:bold;
}
.admin-table ul{
  text-align:left;
}
.tab{
  margin-top:10px;
}
.tab a{
  text-decoration:none;
}
.tab a:hover{
  text-decoration:underline;
}
/*homepage*/
#home {
  min-height:100%;
  background:url(../images/index_bg.jpg) repeat-x center top #7A81FC;
  padding:0;
}
#login-wrap {
  position:absolute;
  width:100%;
  top:50%;
}
#login {
  position:relative;
  width:550px;
  height:240px;
  margin:-120px auto 0;
  background-color:#fff;
  border:5px solid #AEAEAE;
  overflow:hidden;
  -moz-border-radius:10px;
  -o-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;

}
#login h1 {
  font:16px/1.2;
  font-weight:bold;
  text-align:right;
  width:200px;
  height:100px;
  padding:40px 20px 60px;
  margin:20px 0;
  float:left;
  border-right:1px dashed #ccc;
}
#login h1 em {
  color:#00CC00;
  font:italic bold 35px/1.2 Arial;
  display:block;
}
#login form {
  float:right;
  padding:70px 50px 0 0;
}
#login form p {
  padding:5px 0;
}
#login form .option {
  padding-left:55px;
}
#login form .option input {
  padding:3px 10px;
}
#login form label {
  font-size:12px;
}
#login form label input {
  border:1px solid #999;
  padding:0 4px;
  height:25px;
  line-height:25px\9;
  margin-left:10px;
  width:150px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}